chore(web): design-system reconciliation, both directions (HT-94) - #105

#!/usr/bin/env bash
set -euo pipefail
if rg -n '\bJSX\.Element\b' web/src/components/ds/core --glob '*.d.ts'; then
  echo "Replace global JSX.Element declarations with React.JSX.Element."
  exit 1
fi

#!/usr/bin/env bash
set -euo pipefail

printf '\n## target declarations\n'
sed -n '1,80p' web/src/components/ds/core/Avatar.d.ts
printf '\n---\n'
sed -n '1,80p' web/src/components/ds/core/DropdownMenu.d.ts
printf '\n---\n'
sed -n '1,80p' web/src/components/ds/core/EmptyState.d.ts
printf '\n---\n'
sed -n '1,80p' web/src/components/ds/core/MenuItem.d.ts
printf '\n---\n'
sed -n '1,80p' web/src/components/ds/core/Skeleton.d.ts

printf '\n## similar uses of React.JSX or import type React\n'
rg -n 'React\.JSX|import type \* as React|import type React' web/src/components/ds/core web/src/components -g '*.d.ts' -g '*.tsx' -g '*.ts' || true

printf '\n## files that already use React.JSX.Element in declarations\n'
rg -n '\bReact\.JSX\.Element\b' web/src/components/ds/core -g '*.d.ts' || true

#!/usr/bin/env bash
set -euo pipefail

printf '\n## DropdownMenu source and declaration context\n'
sed -n '1,220p' web/src/components/ds/core/DropdownMenu.tsx
printf '\n---\n'
sed -n '1,120p' web/src/components/ds/core/DropdownMenu.d.ts

printf '\n## package / tsconfig hints\n'
sed -n '1,220p' package.json
printf '\n---\n'
find web -maxdepth 2 \( -name 'tsconfig*.json' -o -name 'vite.config.*' -o -name 'biome.json' \) -print | sort | while read -r f; do
  echo "### $f"
  sed -n '1,220p' "$f"
  echo '---'
done

printf '\n## react type/version references\n'
rg -n '"react"|`@types/react`|jsxImportSource|jsx:' package.json web -g 'package.json' -g 'tsconfig*.json' -g 'vite.config.*' -g '*.json' || true

#!/usr/bin/env bash
set -euo pipefail

echo "## package.json"
sed -n '1,220p' package.json

echo
echo "## tsconfig files"
find . -maxdepth 3 \( -name 'tsconfig*.json' -o -name 'package.json' \) | sort | while read -r f; do
  echo "### $f"
  sed -n '1,220p' "$f"
  echo "---"
done

echo
echo "## dropdown menu source location"
fd -a 'DropdownMenu.*' web/src/components/ds/core

echo
echo "## any React 19 type references in repo"
rg -n '"react":|"`@types/react`":|jsxImportSource|React\.JSX|Cannot find namespace \'JSX\'' . -g 'package.json' -g 'tsconfig*.json' -g '*.d.ts' -g '*.ts' -g '*.tsx' || true

#!/usr/bin/env bash
set -euo pipefail

echo "## web/package.json"
sed -n '1,220p' web/package.json

echo
echo "## web tsconfig files"
find web -maxdepth 2 \( -name 'tsconfig*.json' -o -name 'package.json' \) | sort | while read -r f; do
  echo "### $f"
  sed -n '1,220p' "$f"
  echo "---"
done

echo
echo "## React / JSX references in web workspace"
rg -n '"react":|"`@types/react`":|jsxImportSource|React\.JSX|namespace JSX|Cannot find namespace \'JSX\'' web -g 'package.json' -g 'tsconfig*.json' -g '*.d.ts' -g '*.ts' -g '*.tsx' || true

#!/usr/bin/env bash
set -euo pipefail

echo "## DropdownMenu files"
fd -a 'DropdownMenu' web/src/components/ds/core

echo
echo "## core declaration files with JSX.Element"
rg -n '\bJSX\.Element\b' web/src/components/ds/core -g '*.d.ts'

echo
echo "## possible source files for DropdownMenu"
fd -a 'DropdownMenu.*' web/src/components/ds/core web/src/components || true

echo
echo "## search for 'return null' near DropdownMenu"
rg -n -C 3 'return null|DropdownMenu' web/src/components/ds/core web/src/components -g '*.ts' -g '*.tsx' -g '*.d.ts' || true

#!/usr/bin/env bash
set -euo pipefail

sed -n '1,220p' web/src/components/ds/core/DropdownMenu.jsx

#!/bin/bash
set -euo pipefail

printf 'Repo root: '; pwd

# Locate the relevant files and any obvious consumers.
git ls-files 'web/src/components/ds/core/primitives-support.*' 'web/src/components/ds/**/*' | sed -n '1,120p'

printf '\n--- outline primitives-support.d.ts ---\n'
ast-grep outline web/src/components/ds/core/primitives-support.d.ts --view expanded || true

printf '\n--- outline primitives-support.jsx ---\n'
ast-grep outline web/src/components/ds/core/primitives-support.jsx --view expanded || true

printf '\n--- search for IconKey/IconReply/IconClock usages without args ---\n'
python3 - <<'PY'
from pathlib import Path
import re

files = [Path(p) for p in Path('web/src').rglob('*.[tj]s*')]
targets = ['IconKey', 'IconReply', 'IconClock']
pattern = re.compile(r'\b(' + '|'.join(targets) + r')\b')
for path in files:
    try:
        text = path.read_text()
    except Exception:
        continue
    for m in pattern.finditer(text):
        # crude check: line containing name
        line_no = text.count('\n', 0, m.start()) + 1
        line = text.splitlines()[line_no-1]
        if re.search(r'\b' + re.escape(m.group(1)) + r'\s*\(\s*\)', line):
            print(f"{path}:{line_no}:{line.strip()}")
PY

printf '\n--- show relevant file snippets ---\n'
sed -n '1,120p' web/src/components/ds/core/primitives-support.d.ts
printf '\n'
sed -n '1,160p' web/src/components/ds/core/primitives-support.jsx

#!/bin/bash
set -euo pipefail
sed -n '1,120p' web/src/components/ds/core/primitives-support.d.ts
printf '\n---\n'
sed -n '1,180p' web/src/components/ds/core/primitives-support.jsx

#!/bin/bash
set -euo pipefail

# Check whether this declaration file is part of a public barrel/export surface.
rg -n --hidden --glob '!**/node_modules/**' \
  'primitives-support' \
  web/src package.json . | sed -n '1,200p'

printf '\n--- nearby exports/index files under ds ---\n'
git ls-files 'web/src/components/ds/**/index.*' 'web/src/components/ds/**/*.*' | sed -n '1,120p'

printf '\n--- consumers of IconKey/IconReply/IconClock in TypeScript/JSX ---\n'
rg -n --hidden --glob '!**/node_modules/**' \
  '\b(IconKey|IconReply|IconClock)\b' web/src | sed -n '1,200p'

#!/bin/bash
set -euo pipefail

printf '%s\n' '--- imports/usages of the icon exports ---'
rg -n --hidden --glob '!**/node_modules/**' '\b(import|export).*\b(IconKey|IconReply|IconClock)\b|\b(IconKey|IconReply|IconClock)\b' web/src | sed -n '1,220p'

printf '\n--- package metadata / build entry points mentioning ds core ---\n'
rg -n --hidden --glob '!**/node_modules/**' 'components/ds/core|primitives-support|exports' package.json web/src | sed -n '1,220p'

rg -n '"`@types/react`"|react' package.json package-lock.json pnpm-lock.yaml yarn.lock 2>/dev/null || true
rg -n '\bJSX\.Element\b' web/src/components/ds/inbox/*.d.ts